<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
   

    <ui:composition template="/layout/applicationLayout.xhtml">
        <ui:define name="body">
            <h:form>
                <div  style="margin-left: auto;margin-right: auto;width:700px;height:700px;padding-top: 20px;
                     padding-bottom: 120px;">
                    <p:panel header="ALTERAR DADOS DE DONO DE PROJETO">
                    <div style="height: 50px">
						<p:messages globalOnly="true" />
					</div>

<!--  Panel para o rótulo, mensagem e campo: Nome -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Nome:" />
							<p:message for="nome" />
						</h:panelGrid>

						<p:inputText id="nome" value="#{donoProjetoBean.donoProjetoPerfil.nome}"
							size="60" />

					</h:panelGrid>

					<!--  Panel para o rótulo, mensagem e campo: E-mail -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="E-mail:" />
							<p:message for="email" />
						</h:panelGrid>

						<p:inputText id="email"
							value="#{donoProjetoBean.donoProjetoPerfil.email}" size="60" />

					</h:panelGrid>

					<!--  Panel para o rótulo, mensagem e campo: Estado -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Estado:" />
							<p:message for="estado" />
						</h:panelGrid>
						<p:selectOneMenu id="estado" required="true"
							value="#{donoProjetoBean.estadoSelecionado}"
							converter="estadoConverter" requiredMessage="Precisa ser informado(a)">
							<f:selectItem itemLabel="-- Selecione --" />
							<f:selectItems value="#{estadoBean.estados}" var="estado"
								itemValue="#{estado}" itemLabel="#{estado.nome}" />
							<p:ajax event="change" update="estado selectCidade" />
						</p:selectOneMenu>


					</h:panelGrid>

					<!--  Panel para o rótulo, mensagem e campo: Cidade -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Cidade:" />
							<p:message for="selectCidade" />
						</h:panelGrid>
						<p:selectOneMenu id="selectCidade"
							value="#{donoProjetoBean.donoProjetoPerfil.cidade}" 
							converter="cidadeConverter">
							<f:selectItem itemLabel="-- Selecione --"
								noSelectionOption="true" />
							<f:selectItems
								value="#{donoProjetoBean.estadoSelecionado.cidades}"
								var="cidade" itemValue="#{cidade}" itemLabel="#{cidade.nome}" />

						</p:selectOneMenu>


					</h:panelGrid>
					
										
					
                     
                     <!--  Panel para o rótulo, mensagem e campo: Descricao -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Descrição:" />
							<p:message for="descricao" />
						</h:panelGrid>
						<p:inputTextarea id="descricao" value="#{donoProjetoBean.donoProjetoPerfil.descricao}"
						rows="5" cols="60" />
					</h:panelGrid> <br/>
					<div style="text-align:center;">
							<p:commandButton value="Alterar Dados" actionListener="#{donoProjetoBean.alterar()}"
                                         ajax="false"/>
                        <p:button value="Voltar" outcome="/donoprojeto/perfilDonoProjeto"></p:button>
					</div>
                        
                        
                    </p:panel>
                </div>
            </h:form>

        </ui:define>

    </ui:composition>



</html>

